/* every page start*/


.main {
align: left
 width: 100%;
 height: 80%;
  border: px solid #333;
  padding: 16px;
  margin: 0px;


}


/* index page*/



 .logo-image{
    width: 5vw;
    height: 4vw;
    border-radius: 50%;
    margin-left:1vw;
    margin-top: 0.5vw;
}





.container1 {
border: ;1px solid #000000;
float: left;
width: 50vw;
height: 30vw;
background-image: url("../pics/abz.jpg");
background-size: 100% 100%;
background-repeat: no-repeat;
background-position: center;
margin-top: 0.5vw;
margin-bottom: 0.5vw;
}

.container2 {
margin-top: ;
text-align: ;
float: right;
width: 35%;
height: 210px;
background-color:;
}

.container4 {
text-align: left;
float: left;
margin-left: 20vw;
width: 60vw;
height: 20vw;
margin-top: 2.5vw;
margin-bottom: 6.5vw;

box-shadow: ;5px 10px #888888;
border: ;3px solid #B8860B;

}

.containerslides {
text-align: left;
float: left;
margin-top: 2.4vw;
width: 100%;
height: 38vw;
background: white;

}


* {box-sizing: border-box;}
body {font-family: Verdana, sans-serif;}
.mySlides {display: none;}
img {vertical-align: middle;}

/* Slideshow container */
.slideshow-container {
  max-width: 100%;
height:100%;
  position: relative;
  margin: left;
}

/* Caption text */
.text {
  font-size: 2.2vw;
  padding: 3.0vw;
  margin-left:-10.0vw;
  position: absolute;
  bottom: 8px;
  width: 100%;
  color:#011F5B;
  text-align: center;
  font-family: Arial, sans-serif;
font-weight:bold;
}
.text1 {
  font-size: 2.2vw;
  padding: 3.0vw;
  margin-left:-10.0vw;
  position: absolute;
  bottom: 8px;
  width: 100%;
  color:#F5F5F5;
  text-align: center;
  font-family: Arial, sans-serif;
font-weight:bold;
}


/* Number text (1/3 etc) */
.numbertext {
  color: #FAF9F6;
  font-size: 3.7vw;
  padding: 8px 20px;
  position: absolute;
  font-family: Arial, ;
  font-weight:bold;
  margin-top: 2vw;
 margin-left: 3.0vw;
}

/* The dots/bullets/indicators */
.dot {
  height: 15x;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}



.activess {
  background-color: #717171;
}

/* Fading animation */
.fade {
  animation-name: NONE;
  animation-duration: 1.5s;
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
  .text {font-size: 11px}
}


.containerim
{
text-align: left;
float: left;
margin-top: 0vw;
width: 100%;
height: 45vw;
background:#f9f9f9;


}

}
.ads {
width: 45%;
height: 100%;
background-image: url("../issa.jpg");
background-size: 90% 90%;
background-repeat: no-repeat;
background-position: center;
float: right;
margin-top: -216px;

}



/* About us Page*/


.containerab
{
text-align: left;
float: left;
margin-left:1%;
margin-top: 0vw;
width: 49%;
height: 38vw;

}

.containerabr
{
text-align: left;
float: right;
margin-right: 1%;
margin-top: 0vw;
width: 49%;
height: 38vw;

}


.containerab2
{
text-align: left;
float: left;
margin-top: 0vw;
width: 100%;
height: 50vw;
background-color: #003459;



}
.coaboutright {
border: 3px solid #003459;
float: right;
width: 48vw;
height: 30vw;
margin-bottom:2.5vw;
margin-left:1.5vw;
margin-right: 1.5vw;
background-image: url("../pics/s1.jpg");
background-size: 70vw;
background-repeat: no-repeat;
background-position: center;
margin-top: 2.5vw;

}



.containerform
{
text-align: left;
float: left;
margin-top: 0vw;
width: 100%;
height: 45vw;
margin-bottom: 30vw;
margin-top: 10vw;
background:#003459;


}


.coaboutleft {
text-color: #003459;
text-align: left;
align: right;
margin-top: 1.5vw;
margin-bottom:2.5vw;
margin-right: 65vw;
width: 48%;
height: 450px;
background-color:;#ffffff ;#B8860B ;
box-shadow: ;5px 10px #888888;
border: ;3px solid #B8860B;

}

.containeraa1 {
border: px solid #B8860B;
margin: auto;
width: 50%;
height: 210px;
box-shadow: px 0px #888888;
}


.containeraa2 {
border: px solid #B8860B;
margin-top:-2vw; 
width: 100%;
height: 8vw;
box-shadow:; px 0px #888888;
background-color: #003459; #B8860B;
}


.containeraa3 {
text-align: left;
border: px solid #B8860B;
width: 100%;
height: 35vw;
box-shadow: px 0px #888888;
background-color: ;
}





.containera2 {
border: 1px solid #B8860B;
float: left;
width: 40%;
height: 300px;
margin-top: 20px;
background-color: #333;
box-shadow: 5px 10px #888888;
}

.containera3 {
border: 1px solid #B8860B;
float: right;
width: 40%;
height: 300px;
margin-top: 20px;
background-color: #333;
box-shadow: 5px 10px #888888;
}

.imagebox {
border: px solid #B8860B;
float: left;
width: 35%;
height: 150px;
margin-top: px;
background-image: url("../pics/profile.jpg");
background-size: 100%  100%;
background-repeat: no-repeat;
background-position: center;
}


.textbox {
border: px solid #B8860B;
float: right;
width: 65%;
height: 150px;
margin-top: px;
background-color:#B8860B ;
}

.textbox1 {
border: px solid #B8860B;
float: right;
width: 100%;
height: 150px;
margin-top: 2px;
background-color:#B8860B ;
}

/* provision page*/

.containerpro
{
text-align: left;
float: left;

margin-top: 0vw;
width: 100%;
height: 50vw;
background: #003459;
}

.containera1 {
border: ; px solid #B8860B;
margin-bottom: -3.0vw;
width: 100%;
height: 300px;
background-color: ;
box-shadow: ;px px #888888;

}



.containerp2 {
border: ;0.01px solid #ffffff;
float: left;
width: 26vw;
height: 300px;
background-color: ;#ffffff;
box-shadow: ;5px 10px #888888;
margin-bottom: 2.5vw;
margin-top: 2.5vw;
}

.containerp3 {
border: ;0.01px solid #ffffff;
float: right;
width: 26vw;
height: 300px;
background-color:; #ffffff;
box-shadow: ;5px 10px #888888;
margin-bottom: 2.5vw;
margin-top: 2.5vw;
}



.containerp4 {
border: ;0.01px solid #ffffff ;
float: right;
margin-right:10.0vw;
width: 26vw;
height: 300px;
background-color: ;#ffffff;
box-shadow:; 5px 10px #888888;
margin-bottom: 2.5vw;
margin-top: 2.5vw;
}

.imagebox1 {
border: ;px solid #B8860B;
float: left;
width: 100%;
height: 150px;
margin-top: px;
background-image: url("../pics/sourcing.jpg");
background-size: 20vw  20vw;
background-repeat: no-repeat;
background-position: center;
}

.imagebox2 {
border: ;px solid #B8860B;
float: left;
width: 100%;
height: 150px;
margin-top: px;
background-image: url("../pics/van.jpg");
background-size: 20vw  20vw;
background-repeat: no-repeat;
background-position: center;
}

.imagebox3 {
border: ;px solid #B8860B;
float: left;
width: 100%;
height: 150px;
margin-top: px;
background-image: url("../pics/quality.jpg");
background-size: 20vw 20vw;
background-repeat: no-repeat;
background-position: center;
}




.textbox1 {
border: ;px solid #B8860B;
float: left;
width: 20vw;
height: 2.0vw;
margin-top: 0vw;
margin-left: 3.0vw;
background-color:#003459;
}


/* techsup page*/

.techmain {

float: left;
width: 98%;
height: 69vw;
margin-top:2vw;
margin-left:2%;
background-color: ;#ffffff;
color: #F5F5F5;
font: "Times New Roman", Times, serif;
font-size: 0.8vw;
margin-bottom:1vw;

}


.containertt2 {
border: px solid #B8860B;
margin-top:-2vw; 
width: 100%;
height: 8vw;
box-shadow:; px 0px #888888;
background-color: #003459; #B8860B;
}




/* Order*/ 


.containero1 {
border: px solid #B8860B;
width: 80%;
height: 410px;
margin-left: 12%;
margin-top: 35px;
background-color: ;
box-shadow: px 0px #888888;
}


.textboxo {
border: px solid #B8860B;
float: right;
width: 100%;
height: 60px;
margin-top: px;
background-color:#B8860B ;
}


.imageboxo {
border: px solid #B8860B;
float: left;
width: 35%;
height: 150px;
margin-top: px;
background-image: url("../pics/profile.jpg");
background-size: 100%  100%;
background-repeat: no-repeat;
background-position: center;
}

.textboxo1 {
border: 5px solid #B8860B;
float: left;
margin-left: 200px;
width: 50%;
height: 60px;
margin-top: 0px;
background-color: ;
}



/* Contact Us*/






.containerconr
{
text-align: right;
float: right;
width:49%;
height: 40vw; 
margin-top:2vw;
background-color:;

}

.containercontxt
{
text-align: left;
float: left;
margin-top:2vw;
width: 49%;
height: 40vw;
background-color:;

}


.containerconl
{
text-align: left;
float: left;
margin-left: 1.5vw;
margin-right: 1.5vw;
margin-top:2.0vw;
margin-bottom: 2.5vw;
width: 97%;
height: 50vw;

}



.containerc2 {

text-align: left;
align: right;
margin-bottom:1.5vw ;
margin-left: 51%;
width: 50%;
height: 100vw;
background-color:;#ffffff;#B8860B ;
box-shadow: ;5px 10px #888888;
border: px solid #B8860B;

}

.containerc1 {
border: px solid #B8860B;
float: left;
width: 50%;
height: 600px;
}





/* every page ending*/


.foot
{
float: left;
margin-top:2.5vw;
width: 100%;
height: 30vw;
background:#003459;
margin-bottom:1vw;
}

.footleft
{
float: left;
margin-left:1%;
width: 30%;
height: 25vw;
background:#003459;
}

.footmiddle
{
float: left;
margin-left:4%;
width: 30%;
height: 25vw;
background:#003459;
}

.footright
{
float: right;
margin-right:1%;
width: 30%;
height: 25vw;
background:#003459;
}

.copyrit
{
float: left;
width: 100%;
height: 5vw;
background:#ffffff;
}






/* end */